﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="products_details.aspx.cs" Inherits="WebSite.cn.products_details" %>
<%@ Register Src="head.ascx" TagName="head" TagPrefix="uc1" %>
<%@ Register Src="category.ascx" TagName="category" TagPrefix="uc2" %>
<%@ Register Src="bottom.ascx" TagName="bottom" TagPrefix="uc3" %>
<%@ Register Src="leftimg.ascx" TagName="leftimg" TagPrefix="uc4" %>
<%@ Register Src="leftimgs.ascx" TagName="leftimgs" TagPrefix="uc5" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title><%=WebSite.info.info1("", "shoptitle")%></title>
    <meta name="Description" content="<%=WebSite.info.info1("","shopcontent")%>" /> 
    <meta name="Keywords" content="<%=WebSite.info.info1("","shopkey")%>" />
    <link href="style.css" rel="stylesheet" type="text/css" />
    <link  rel="stylesheet" type="text/css" href="mall.css" />
    <link href="jqzoom.css" type="text/css" rel="stylesheet" />
    <script src="jquery.js" type="text/javascript"></script>
    <script language="JavaScript" src="../js/function.js"></script>
     <style>
	#LgBox{
    position:absolute;width:100%; height:100%;top:0px;left:0px; z-index:100;
}
#LgBoxbIG{   position:absolute; display:none; z-index:99; width:100%; height:100%;top:0px;left:0px; background-color:#EEE; filter: Alpha(Opacity=80); }
    </style>

      <script>
          function Show() {
              var openLogin = document.getElementById("LgBox");
              openLogin.style.display = "block";

              document.getElementById("LgBoxbIG").style.display = "block";

          }
          function Hid() {
              var openLogin = document.getElementById("LgBox");
              openLogin.style.display = "none";
              document.getElementById("LgBoxbIG").style.display = "none";
          }

    </script>


    <script language="javascript">
        function CheckFrm() {

        if("<% = UserCardCodeList == null %>" == "True" && "<% = Sid %>" == "2")
        {
            Show();
            return false;
            }
        }
    </script>
    <script type="text/javascript" src="yui-base.js"></script>
    <script type="text/javascript" src="tbra.js"></script>
    <script type="text/javascript" src="sellproperty.js"></script>
    <script language="javascript" type="text/javascript">
        var registeredImages = new Object();

        var numberToPreload = 6;
        var preloadCount = 0;

        function registerImage(id, image, html, caption) {
            registeredImages[id] = new Object();
            registeredImages[id].image = image;

            registeredImages[id].html = html;
            registeredImages[id].caption = caption;

            if (preloadCount < numberToPreload) {
                var imagePreloader = new Image();
                imagePreloader.src = image;
                preloadCount++;
            }
        }
        var allPreloaded = 0;
        var selectedImageID = "original_image";
        function displayImage(id, image) {
            if (id == selectedImageID) return;

            if (registeredImages[selectedImageID].ciuAnnoContainer) {
                registeredImages[selectedImageID].ciuAnnoContainer.hide();
            }
            selectedImageID = id;
            document.getElementById('proImg').src = image;
            document.getElementById('proImg').jqimg = image;
            //document.getElementById('prodImageCell').innerHTML = registeredImages[id].html;
            //document.getElementById('prodImageCaption').innerHTML = registeredImages[id].caption;

            for (elementID in registeredImages) {
                var imageThumbnail = document.getElementById(elementID);
                if (imageThumbnail != null) {
                    imageThumbnail.style.border = '1px solid #999999';
                }
                if (!allPreloaded) {
                    var imagePreloader = new Image();
                    imagePreloader.src = registeredImages[elementID].image;
                }
            }
            document.getElementById(id).style.border = '1px solid #990000';
            allPreloaded = 1;
            if (registeredImages[id].ciuAnnoContainer) {
                registeredImages[id].ciuAnnoContainer.show();
            }
        }
</script>
<script type="text/javascript">
    registerImage("original_image", "<%=images %>", "<img src=<%=images %> class=jqzoom width=<%=Convert.ToSingle(h3)%> height=<%=Convert.ToSingle(h4)%> jqimg=<%=images %>  />", "");
</script>
</head>
<body >

    <center>
	<uc1:head ID="head_1" runat="server" />
<div id="container">
   
   
   <div id="left"> 
	   <uc2:category ID="category_1" runat="server" />
	   <uc5:leftimgs ID="leftimgs_1" runat="server" />
	     
   </div>
   
   <div id="con">

<SCRIPT src="jquery.jqzoom.js"></SCRIPT>

<SCRIPT type=text/javascript>
    //jQuery.noConflict();
    jQuery(document).ready(function () {
        jQuery("img.jqzoom").jqueryzoom({
            xzoom: 280,
            yzoom: 240,
            offset: 15,
            position: "right"
        });
    });

//    $(function () {
//        if ($("#prodattr .size dd").length == 1) {
//            $("#prodattr .size dd").eq(0).click();
//        }
//    });
    </SCRIPT>

      <div class="location"><a href="category_list.aspx">所有分类</a><%=classnames %></div>
	  <div class="pro">
		<div id="prozon">
            <div id="prozonleft"> 
			    <h2><span  id="prodImageCell"><img src=<%=proimg %> class=jqzoom id=proImg  width=<%=Convert.ToSingle(h3)%> jqimg="<%=proimg %>" /></span></h2>
				<div style="padding-bottom:8px; padding-top:8px; width:280px; text-align:center;"><a href="pic.aspx?pid=<%=Request.QueryString["pid"]%>" target="_blank"><img src="images/zoom.gif" border="0" /></a></div>
                <table width="100%" border="0" cellspacing="2" cellpadding="0" class="prozonleft_table">
                  <tr>
                    <%=pic %>
                    <%=imgs %> 
                    <td></td>
                  </tr>
                </table>
          </div>
          
          <form id="frm" runat="server">
          <input type="hidden" name="score" value="<%=proscore %>" />
          <input name="pid" type="hidden" value="<%=Request.QueryString["pid"] %>" />
            <div class="prozonright">
              <h1><%=proname %></h1>
			  <ul>
			     <li><%=SPriceName %><span class="text_red"><%=proprice1 %></span></li>
				 <li>商品编号：<%=procode %></li>
			  </ul>
              <div style="text-align:left"><h1>简介：</h1></div>
              <div style=" text-align:left; margin-left:13px; ">
               <%= Instruction %>
                
              </div> 
			</div>  
            <% if (Sid != "3") %>
            <% { %>
              <div class="prozonright">
			  <ul style="border:none; ">
			     <li>
                
				    <table width="90%" border="0" cellpadding="0" style="margin-top:50px;" cellspacing="0" class="table04">
					  <tr>
						<td width="30%">数量
				        <input name="pronum" id="pronum" type="text" size="5" value="1" /></td>
						<td width="30%">
                        <!--颜色：<span id="P1">未选择</span><br />
					    尺寸：<span id="P2">未选择</span>--><br />
					    <span class="text_red">￥<%=proprice1%></span><br />
					    <input type="hidden" name="price" id="price" value="<%=price %>" />
                        <input type="text" class="inputa" name="content" id="content" value="" readonly  style="display:none" />
					    </td>
						<td><asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="images/pro_view_52.gif" Width="90px" Height="30px" OnClick="ImageButton1_Click" OnClientClick="return CheckFrm();" /></td>
					  </tr>

				   </table>
				 </li>
			  </ul>
		  </div>
          <% } %>


  <div id="LgBox" style="display:none; position:fixed;">
    <table  style=" width:100%; height:100%;"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="center" valign="middle">
        <table width="800" bgcolor="#FFFFFF" border="0" align="center" cellpadding="0" cellspacing="0" style="border:2px solid #F0EFED;">
  <tr style="background-color: #EEE;">
    <td height="30" align="left"  style="font-size:12px;   padding-left:10px; ">
    提示：若您有该礼品型号的卡，并需要提货，请在此输入卡号和密码：</td>
    <td style="width:100px;"><span style=" padding-left:10px; font-size:12px; cursor:pointer" onClick="Hid()">[关闭]</span></td>
  </tr>
  <tr>
    <td height="40" colspan="2">

          <div id="divLogin" runat="server" style=" float:left; width:100%; margin-top:10px; ">
            <table border="0" cellspacing="0" cellpadding="0" style="width: 98%">     
              <tr bgcolor="#94B1C0">
                <td height="28" align="right" bgcolor="#FFFFFF" width="100px" >卡　号：</td>
                <td align="left" bgcolor="#FFFFFF" width="180px"">　
                  <asp:TextBox ID="txtCardCode" runat="server"></asp:TextBox>
                  </td>
                <td align="left" bgcolor="#FFFFFF" width="100px">密　码：</td>
                <td align="left" bgcolor="#FFFFFF" width="180px">
                    <asp:TextBox ID="txtPassword" TextMode="Password" runat="server"></asp:TextBox>
                  </td>
            
                <td width="100px" align="left" bgcolor="#FFFFFF">
                     &nbsp;</td>
                <td width="100px" align="left" bgcolor="#FFFFFF">
  
                   <asp:Button ID="txtSubmit" class="button" runat="server"  Text="提 交"   onclick="txtSubmit_Click"></asp:Button>
                  </td>
              </tr>
           
            </table>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                        ControlToValidate="txtCardCode" ErrorMessage="卡号不能为空！"></asp:RequiredFieldValidator>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                        ControlToValidate="txtPassword" ErrorMessage="密码不能为空！"></asp:RequiredFieldValidator>
                  
                    <asp:Label ID="lblMessage" runat="server" ForeColor="Red" ></asp:Label>
      </div>
 
 </td>
  </tr>
  <tr>

  </tr>
</table>

        </td>
      </tr>
    </table>
    </div>
		  </form>  
		</div>


     <table id="LgBoxbIG"   style=" width:100%; height:250%; background-color:#DDD;" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="center" valign="middle">
        </td>
      </tr>
    </table>
        
		  
		<iframe  name="conb" src="products_detfrm.aspx?pid=<%=Request.QueryString["pid"] %>" frameBorder=0  width="100%" scrolling="no" onload="this.height=conb.document.body.scrollHeight"></iframe>
	  </div>
	  
   </div>
   <uc3:bottom ID="bottom_1" runat="server" />
	 
</div>

</center>
</body>
</html>
